<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="#">Usuário</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Meu perfil</li>
    </ul>
</div>
<div id="conteudo">
    <div class="c_header">
        <h1 class="tituloh1">Meu perfil</h1>
    </div>
    <div class="divide_conteudo">

        <div class="l_esquerdo">
            <div class="profile-details">
                <div class="profile-picture">
                    <img id="avatar" alt="Ricardo's Avatar" src="./public_html/imagens/avatar/<?= $this->session->userdata('ft_usuario') ?>"></img>
                    <div class="ch_avatar"><br /><br />Trocar <br />imagem</div>
                </div>
                <div class="user-details">
                    <div class="username">Ricardo <span>Oliveira</span></div>
                    <div class="email">rrcastro.oliveira@gmail.com</div>
                </div>
                <hr />
                <div class="acdm-details list-data">
                    <div>Curso: <strong>Sistemas de informação</strong></div>
                    <div>Período: <strong>7º</strong></div>
                    <div>Semestre inicial: <strong>2011/2</strong></div>
                </div>
                <div class="personal-details list-data">
                    <div><strong>Sobre você</strong></div>
                    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
                        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 
                        irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
                </div>
                <div class="social-details list-data">
                    <div><i class="social-icon icon-facebook"></i><a href="#">facebook.com/dkstru</a></div>
                    <div><i class="social-icon icon-twitter"></i><a href="#">@dkstru</a></div>
                    <div><i class="social-icon icon-linkedin"></i><a href="#">Linkedin</a></div>
                    <div><i class="social-icon icon-instagram"></i><a href="#">Instagram</a></div>
                </div>
            </div>
        </div>
        <div class="l_direito">
            <div class="turmas">
                <h6 class="dcp_nome"><i class="icon-group"></i>  Estágio supervisionado</h6>
                <ul class="colegas">
                    <li><img data-user="1" src="./public_html/imagens/avatar/userpic-1.jpg" /></li>
                    <li><img data-user="2" src="./public_html/imagens/avatar/no-photo.png" /></li>
                    <li><img data-user="3" src="./public_html/imagens/avatar/userpic-3.jpg" /></li>
                    <li><img data-user="4" src="./public_html/imagens/avatar/no-photo.png" /></li>
                    <li><img data-user="4" src="./public_html/imagens/avatar/userpic-5.jpg" /></li>
                    <li><img data-user="6" src="./public_html/imagens/avatar/userpic-6.jpg" /></li>
                    <li><img data-user="7" src="./public_html/imagens/avatar/userpic-7.jpg" /></li>
                    <li><img data-user="8" src="./public_html/imagens/avatar/no-photo.png" /></li>
                    <li><img data-user="9" src="./public_html/imagens/avatar/userpic-9.jpg" /></li>
                </ul>
            </div>  
        </div>
    </div>
    
    <p style="clear: both">&nbsp;</p>
</div>
<div id="hoverbox"></div>